body {
    min-height: 100%;
    font-family: Microsoft YaHei;
    height: 100%;
    background-image: url("../images/login.jpg");
    background-repeat: no-repeat;
    background-attachment:fixed;
    background-size: cover;
}



#gradient-style
{

    font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
    font-size: 21px;
    margin:0 auto;
    width: 1000px;
    text-align: center;
    border-collapse: collapse;

}

#gradient-style th
{
    text-align: center;
    font-size: 20px;
    font-weight: normal;
    padding: 8px;
    background: black  repeat-x;
    border-top: 2px solid #d3ddff;
    border-bottom: 1px solid #fff;
    color: white;


}

#gradient-style td
{
    padding: 30px;
    border-bottom: 1px solid #fff;
    color: #669;
    border-top: 1px solid #fff;
    background: #e8edff  repeat-x;
}
#gradient-style tfoot tr td
{
    background: #e8edff;
    font-size: 30px;
    color: #99c;
}
#gradient-style tbody tr:hover td
{
    background: #d0dafd  repeat-x;
    color: #339;
}
.footer
{
    background-color: black;
    text-align: center;
    width:100%;
    position:absolute;
    bottom: 0;
    left:0;
    height: 80px;
}

p{
    margin-top: 2%;
    margin-left: 35%;
    position: absolute;
    color: white;
    font-size: 15px;
}

.test-5::-webkit-scrollbar {

    /*滚动条整体样式*/
    width : 1000px;  /*高宽分别对应横竖滚动条的尺寸*/
    height: 600px;
}
.test-5::-webkit-scrollbar-thumb {
    /*滚动条里面小方块*/
    border-radius   : 10px;
    background-color: skyblue;
    background-image: -webkit-linear-gradient(
            45deg,
            rgba(255, 255, 255, 0.2) 25%,
            transparent 25%,
            transparent 50%,
            rgba(255, 255, 255, 0.2) 50%,
            rgba(255, 255, 255, 0.2) 75%,
            transparent 75%,
            transparent
    );
}
.test-5::-webkit-scrollbar-track {
    /*滚动条里面轨道*/
    box-shadow   : inset 0 0 5px rgba(0, 0, 0, 0.2);
    background   : #ededed;
    border-radius: 10px;
}